<script lang="ts">
import { defineComponent, ref } from 'vue'
export default defineComponent({
  methods: {
    onClick() {
      this.count++
    }
  },
  setup() {
    let count = ref(0)

    return {
      count
    }
  }
})
</script>
<template>
  <div @click="onClick" class="list">
    This is a list page! Click {{count}} !

  </div>
</template>
  
<style scoped>
.list {
  cursor: pointer;
  user-select: none;
}

.list:hover {
  color: red;
}
</style>
  